<template lang="html">
    <router-link class="shop-wrapper" :to="{path:'/shop',query:{id:idx}}" tag="div">
        <img src="../../../static/image/2.png" alt="">
        <div class="info">
            <h5>{{sl.name}}</h5>
        </div>
    </router-link>

</template>

<script>
export default {
	props: {
		sl: {
			type: Object,
		},
		idx: {
			type: Number
		}
	}
}
</script>

<style lang="less">
@import '../../../static/var.less';
.shop-wrapper {
    box-sizing: border-box;
    height: @base*180rem;
    width: 100%;
    padding: @base*20rem;
    display: flex;
    justify-content: space-between;
    background: #fff;
    border-top: 1px solid @lc1;
    img {
        width: @base*120rem;
        height: @base*120rem;
    }
    .info {
        width: @base*530rem;
        height: @base*120rem;
    }
}
</style>
